    *{
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
    }
    body{
        font-family: "微软雅黑";
        overflow: scroll;
        overflow-x: hidden;
    }
    .fl{
        float: left;
    }
    .fr{
        float: right;
    }
    .ov{
        overflow: hidden;
    }
    .header{
        width: 100%;
        border-bottom: 1px solid #c9c9c9;
        box-sizing: border-box; 
    }
    .ju{
        width: 72%;
        margin: auto;
        height: 41px;
    }
    .he-left .teng{
        display: inline-block;
        width: 220px;
        height: 41px;
        background: url(../img/ost-bg.png);
        background-position: 0px -37px;
    }
    .he-right{
        width: 220px;
        height: 40px;
        font-size: 12px;
        line-height: 40px;
        position:relative;
        overflow:hidden;

    }
    .he-right a{
            color: #464646;
    }
    .pin{
        background: url(../img/logo.png) no-repeat;
        padding-left: 19px;
        background-position: 0px 11px;
        padding-right: 25px;
    }
    .gou{
        position: absolute;
        width: 15px;
        height: 15px;
        background: url(../img/ost-bg.png);
        background-position: 136px 109px;
        right: 0px;
        top: 13px;
    }
    main{
        width: 1350px;
        height: 1540px;
        background: url(../img/index0311.jpg) no-repeat;
        background-position:center 0px;
        position: relative;
        padding-top: 380px;
        background-color: #E4EAEA;    
    }
    .dao{
        display: block;
        width: 200px;
        height: 70px;
        position: absolute;
        background: url(../img/nav-copy.png);
        background-position:  ;
        top: 27px;
        left:35px;
    }
    .nav ul{
        width: 120px;
        font-size: 13px;
        color: #525252;
    }
    .nav li{
        margin-left: 31px;
        line-height: 22px;
        cursor:pointer;
    }
    .nav li:hover{
            color: #01b8a9;
    }
    .nav ul>li:nth-child(2){
        padding-top: 9px;
    }
    .nav .nav-1{
        height: 80px;
        position: absolute;
        left:480px;
        top: 0px;
    }
    .nav-1 div{
        display: block;
        height:75px;    
        background: url(../img/nav-copy.png);
        background-position: 2100px 74px;
        width: 100px;
    }
    .nav .nav-2{
        height:200px;
        position: absolute;
        left:580px;
        top: 0px;
    }
    .nav-2 div{
        display: block;
        height:75px;    
        background: url(../img/nav-copy.png);
        background-position: 1985px 74px;
        width: 100px;
    }
    .nav .nav-3{
        height:200px;
        position: absolute;
        left:680px;
        top: 0px;
    }
    .nav-3 div{
        display: block;
        height:75px;    
        background: url(../img/nav-copy.png);
        background-position: 1870px 74px;
        width: 100px;
    }
    .nav .nav-4{
        height:200px;
        position: absolute;
        left:775px;
        top: 0px;
    }
    .nav-4 div{
        display: block;
        height:75px;    
        background: url(../img/nav-copy.png);
        background-position: 1645px 74px;
        width: 100px;
    }
    .nav .nav-5{
        height:200px;
        position: absolute;
        left:875px;
        top: 0px;
    }
    .nav-5 div{
        display: block;
        height:75px;    
        background: url(../img/nav-copy.png);
        background-position: 1530px 74px;
        width: 100px;
    }
    .nav .nav-6{
        height:200px;
        position: absolute;
        left:975px;
        top: 0px;
    }
    .nav-6 div{
        display: block;
        height:75px;    
        background: url(../img/nav-copy.png);
        background-position: 1300px 74px;
        width: 100px;
    }
.nav-4 li,.nav-5 li,.nav-6 li,.nav-7 li,.nav-8 li{
    padding-left: 5px;
}
    .nav .nav-7{
        height:200px;
        position: absolute;
        left:1075px;
        top: 0px;
    }
    .nav-7 div{
        display: block;
        height:75px;    
        background: url(../img/nav-copy.png);
        background-position: 1415px 74px;
        width: 100px;
    }
    .nav .nav-8{
        height:200px;
        position: absolute;
        left:1175px;
        top: 0px;
    }
    .nav-8 div{
        display: block;
        height:75px;    
        background: url(../img/nav-copy.png);
        background-position: 1185px 74px;
        width: 100px;
    }
.dong{
    width: 1280px;
    height: 300px;
    margin:auto;
}
.do-le{
    width: 186px;
    height: 300px;
}
.zai{
    height: 114px;
    width: 100%;
    background-color: #2fc3a2; 
    text-align: center;     
}
.zai>a{
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/spr-icon.png);

    background-position: 50% -337px;
        background-repeat: no-repeat;
}
.zai a span{
        display: block;
    height: 100%;
    width: 100%;
    overflow: hidden;
    color: #fff;
    font-size: 24px;
    text-shadow: 2px 2px 3px rgba(42,182,141,1);
    font-weight: 900;
    padding-top:35px;
}
.zai a p{
        color: #1d997e;
    line-height: 100%;
    font-size: 14px;
    font-family: arial;
    margin-top: -85px;
}
.do-le>li{
    height: 62px;
    width: 100%;
    background-color: #2D8672; 
}
.do-le>li a{
    display: block;
    width: 90%;
    height:61px;
    border-bottom: 1px solid #26ae90;
    margin: auto;
    color: white;
    overflow: hidden;
    position: relative;
}
.lii1:hover{
    background:#2E9C83;
}
.lii2:hover{
    background:#2E9C83;
}
.lii3:hover{
     background: #2E9C83;
}
.do-le .lii1 i{
    display:inline-block;
    width: 35px;
    height: 30px;
    background: url(../img/he.png) no-repeat 0px 13px;
    margin-left: 36px;
    padding-bottom: 10px;
}
.do-le>li a span{
    position: absolute;
    display: inline-block;
    top: 18px;
}
.do-le .lii2 i{
    display:inline-block;
    width: 35px;
    height: 30px;
    background: url(../img/qian.png) no-repeat 0px 13px;
    margin-left: 36px;
    padding-bottom: 10px;
}
.do-le .lii3 i{
    display:inline-block;
    width: 35px;
    height: 30px;
    background: url(../img/ji.png) no-repeat 0px 13px;
    margin-left: 36px;
    padding-bottom: 10px;
}
.do-zh{
    width: 800px;
    height: 300px;
   margin-left: 15px; 
    position: relative;
}
.lia{
    position: absolute;
    top: 0px;
    right: 0px;
    box-shadow: -6px 2px 2px rgba(0,0,0,.2);
}
.lia li{
    height: 28px;
    width: 75px;
    display: inline-block;
    background-color: #3A3A3A;
        color: #848484;
    font-size: 12px;
    text-align: center;
    line-height: 28px;
}
.lia li:nth-child(1){
    background-color: #2FC3A3;
    margin: -5px;
    color: #e3e3e3;
}
.zh-xi{
    position: absolute;
    width: 800px;
    line-height: 36px;
    bottom: 0px;
    text-align: center;
    font-size: 12px;
        color: #979696;
}
.zh-xi li{
    float: left;
    width: 14.28%;
    height: 36px;
    background-color: rgba(0,0,0,0.8);
}
.zh-xi li:nth-child(7){
    background-color: #2fc3a3;
    color: #fff;
}
.do-ri{
    width: 265px;
    height: 100%;
    background-color: white;
    box-sizing: border-box;
    padding:23px 20px;
}
.do-rt{
    position: relative;
    margin-bottom: 5px
}
.do-rt i{
    position: absolute;
    width: 40px;
    height: 40px;
    background: url(../img/spr-icon.png) no-repeat -134px 3px;
    top: 0;
    left: 0px;
}
.do-rt{
    padding-left:40px;
}
.do-rt p{
        color: #3a3a3a;
    font-size: 14px;
}
.do-rt h2{
        font-size: 18px;
    color: #2fc3a3;
}
.do-rx li a{
    font-size: 14px;
    color: #767676;
}
.do-rx li{
    margin-top: 5px;
    width: 230px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px;
}
.er{
    width: 1280px;
    margin: auto;
    margin-top: 15px;
}
.piao{
    width: 186px;
    height: 300px;
    background: url(../img/bg-home2.jpg) no-repeat 0px 0px;
}
.piao li{
    width: 50%;
    height: 100px;
    text-align: center;
}
.piao li a{
        color: #d4d4d4;
    font-size: 14px;
}
.piao img{
    padding-top: 12px;
}
.piao .lue img{
    padding-top: 6px;
}
.piao .luo img{
    padding-top: 16px;
}
.piao li p{
    margin-top: -5px;
}
.jian img,.lue img,.che img,.luo img,.liao img,.buo img,.jian,.lue,.che,.luo,.liao,.buo,.jian p,.lue p,.che p,.luo p,.liao p,.buo p{
    transition: all 0.8s;
}
.jian:hover img,.lue:hover img,.che:hover img,.che:hover img,.luo:hover img,.liao:hover img,.buo:hover img{
    transform: translateY(-70px);
    transition: all 1s;
}
.jian:hover p,.lue:hover p,.che:hover p,.che:hover p,.luo:hover p,.liao:hover p,.buo:hover p{
    transform: translateY(-28px);
}
.jian:hover,.lue:hover,.che:hover,.che:hover,.luo:hover,.liao:hover,.buo:hover{
    background-color: #CFAE69;
    z-index: 1111;
}
.jian,.lue,.che,.luo,.liao,.buo{
    overflow: hidden;
}
.daoh{
    width: 391px;
    height: 300px;
    background-color: white;
    margin-left: 15px;
    padding-left: 20px;
    padding-top: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}
.ul1{
    width: 355px;    
    overflow: hidden;
    font-size: 14px;
    line-height: 25px;
    border-bottom: 1px solid #e4eae9;
    margin-bottom: 15px;
}
.ul1 li,.ul1 span{
    width: 50px;
    height: 43px;
    line-height: 43px;
    text-align: center;
}
.ul1 li a{
    color: #414242; 
}
.ul1 span a{
    color: #B9C1C1;
    font-weight: bold;
    text-align: right;
}
.ul1 span{
    text-align: right;
}
.ul1 li:nth-child(1) a{
    display: inline-block;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
        color: #2fc3a2;    
    border-bottom: 2px solid #2fc3a2;
}
.ul1 li:hover a,.ul1 span:hover a{
    color: #2fc3a2;
}
.ul2{
    width: 40px;
}
.ul2 li,.ul3 li,.ul4 li{
    line-height: 23px;
    margin-left: 5px;
}
.ul2 li a,.ul3 li a,.ul4 li a{
    color: #767676;
    font-size: 13px;    
}
.ul3{
    width: 256px; 
}
.ul3 li{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ul4{
    margin-right: 10px;
}
.tu{
    margin-left: 15px;
}
.tu-le{
    width: 188px;
    height: 144px;
    background: url(../img/bg-home2.jpg) no-repeat 100% 0;
    margin-top: 10px;
}
.tu-ri{
     width: 188px;
    height: 144px;
    background: url(../img/bg-home2.jpg) no-repeat 100% 100%;
    margin-top: 10px;
    margin-left: 15px;
}
.tu-le h2,.tu-ri h2{
    color: #cfae69;
    font-size: 22px;
    padding: 15px 0 0 20px
}
.tu-le p,.tu-ri p{
        margin: 5px 0 0;
    color: #777676;
    line-height: 130%;
    padding: 0 0 0 20px;
    font-size: 12px;
}
.hua{
    width: 265px;
    height: 301px;
    background: url(../img/bg-home2.jpg) no-repeat -186px 0px;
    margin-left: 14px;
    position: relative;
}
.hua i{
    position: absolute;
    width: 242PX;
    height: 35px;
    background: url(../img/xi.png);
    top: 11px;
    left: 11px;
}
.yi{
    width: 265px;
    height: 301px;
   background: url(../img/role-9.png) no-repeat 100px 33px; 
}
.nei{
    padding-top: 54px;
}
.nei>h2{
    font-size: 38px;
    color: #2fc3a2;
    font-weight: bold;
    line-height: 130%;
    padding-left: 18px;
}
.nei>span{
    display: block;
    width: 150px;
    padding: 0px 0 0 18px;
    color: #5d5d5d;
    font-size: 12px;
}
.nei>p{
    font-weight: bold;
    color: #5d5d5d;
    font-size: 12px;
    padding-left: 18px;
}
.nei .zhu{
    padding-top: 12px;
}
.cao{
    padding: 12px 0 0 18px;
    overflow: hidden;
    width: 150px;
    height: 50px;
}
.cao p{
    color: #5d5d5d;
    font-size: 13px;
}
.liang{
    width: 10px;
    height: 10px;
    background-color: #ff8f17;
    border: 1px solid #ff8f17;
    margin: 5px 5px 0 2px;
    transform: rotate(45deg);
}
.kuang{
    width: 10px;
    height: 10px;
    border: 1px solid #c3c3c3;
    margin: 5px 5px 0 2px;
    transform: rotate(45deg);
}
.xiang{
    width: 68px;
    height: 28px;
    background-color: #22b090;
    border-radius: 15px;  
    margin-left: 18px;
}
.xiang,.gongl{
    
    font-size: 12px;
    line-height: 28px;
    text-align: center;
}
.xiang a,.gongl a{
    color: #fff;
}
.gongl{
    width: 68px;
    height: 28px;
    background-color: #2D2D2D;
    border-radius: 15px;  
    margin-left: 10px;
}
.san{
    height: 780px;
    width: 1280px;
    margin: auto;
    margin-top: 15px;
}
.san-le{
   width: 186px;
    background: #3a3a3a;
    padding: 25px 15px;
    font-size: 13px;
    box-sizing: border-box;
}
.ii{
    margin: 5px;
}
.ii li{
    color: #d4d4d4;
    width: 100%;
    height: 44PX;
    line-height: 44PX;
    text-align: center;
     text-indent: 40px;
    border-bottom: 1px solid #474747;
}
.ii li a{
    color: #d4d4d4;
}
.ii li:nth-child(1){
    background: url(../img/index_shop.png) no-repeat 26% 4px;
}
.ii li:nth-child(2){
    background: url(../img/yifu.png) no-repeat 26% 7px;
}
.ii li:nth-child(3){
    background: url(../img/fang.png) no-repeat 26% 6px;
}
.ii li:nth-child(4){
    background: url(../img/dabaojian.png) no-repeat 26% 6px;
}
.ii li:nth-child(5){
    background: url(../img/cehng.png) no-repeat 26% 6px;
}
.ii li:nth-child(6){
    background: url(../img/xin.png) no-repeat 26% 6px;
}
.ii li:nth-child(7){
    background: url(../img/ren.png) no-repeat 26% 6px;
}
.ii li:nth-child(8){
    background: url(../img/qq.png) no-repeat 26% 6px;
}
.ma{
    margin-top: 40px;
}
.ma span:nth-child(1){
       border-right: 1px solid #676767;
    padding-left: 15px;
    padding-right: 12px;
    color: white;
}
.ma span{
    line-height: 15px;
    color: #9c9c9c;
    text-align: center;
    padding: 5px 8px;
}
.ma img{
    margin:25px 14px;
}
.biao{
   
    width: 130px;;
    margin: auto;
    margin-top: 5px;
    overflow: hidden;
    margin-bottom: 30px;
}
.biao li{
    float: left;
    margin-bottom: 12px;
}
.biao li:nth-child(1){
    background: url(../img/mt-1.png);
    width: 35px;
    height: 35px;
    
}
.biao li:nth-child(2){
    background: url(../img/mt-2.png);
    width: 35px;
    height: 35px;
    margin-left: 10px;
}
.biao li:nth-child(3){
    background: url(../img/mt-4.png);
    width: 35px;
    height: 35px;
    margin-left: 10px;
}
.biao li:nth-child(4){
    background: url(../img/mt-5.png);
    width: 35px;
    height: 35px;
    
}
.biao li:nth-child(5){
    background: url(../img/mt-6.png);
    width: 35px;
    height: 35px;
     margin-left: 10px;
}
.biao li:nth-child(6){
    background: url(../img/mt-9.png);
    width: 35px;
    height: 35px;
     margin-left: 10px;
}

.biao li a{
    display: block;
    width: 35px;
    height: 35px;
    height: 35px;
    border-radius: 50%;
    background: rgba(0,0,0,0.5)
}
.san-ri{
    width: 1080px;
    height: 780px;
    margin-left: 13px;
}
.sa-sh{
    width: 100%;
    height: 300px;
}
.tui{
    width: 390px;
    height: 100%;
    padding: 0px 20px;
    background:white; 
    box-sizing: border-box;
}
.tuil{
   padding-top: 20px;
    box-sizing: border-box;
}
.ton{
    width: 100%;
    overflow: hidden; 
}
.ton h2{
    display: inline-block;
        font-size: 16px;
    color: #2fc3a2;
    font-weight: bolder;
    float: left;
}
.ton span{
    float: right;
    font-size: 13px;
    line-height: 25px;
    margin-left: 15px;
    color: #888;
}
.totu{
    margin-top: 10px;
    margin-bottom: 10px;
}
.totu img:nth-child(2){
    margin-left: 5px;
}
.tuil>ul li a{
        color: #505050;
    font-size: 13px;
    display: inline-block;
    line-height: 23px;
}
.tuil>.hao li a{
    color: #B7B7B7;
}
.tutu{
    width: 408px;
    height: 300px;
    background: white;
    padding-top: 1px;
    box-sizing: border-box;
}
.tutu a{
    display: block;
    width: 100%;
    height: 100%;
    background-size: 816px 300px;
    background: url(../img/fanstab.jpg) no-repeat 0px 0px;
}
.xiao li{
    width: 125px;
    height: 142px;
    overflow: hidden;
    position: relative;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    margin-left: 16px;
    float: left;   
    background: #2fc3a3;
}
.xiao li a{
    color: #fff;
    display:block;
    transition: all 1s;
    display: block;
    widows: 125px;
    height: 180px;
}
.xiao div:nth-child(2) li{
    margin-top: 16px
}
.xiao li img{
    margin-top: 35px;
    margin-bottom: 10px;
    transition: all 1s;
}

.xiao li:hover img{
    transform: translateY(-100px);
}
.xiao li:hover a{
    transform:translateY(-40px);
}
.meit{
    width: 390px;
    height: 300px;
    margin-top: 15px;
    padding: 15px 20px;
    background: white;
    box-sizing: border-box;
}
.meit>div{
    width: 100%;
    border-bottom: 1px solid #e4eae9;
}
.meit h2{
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 8px;
    color: #2fc3a2;
    padding: 0px 10px;
}
.meit>div>li a{
    display: block;
    width: 50px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    margin-top: 5px;
    color: #414242;
    text-align: center;
}
.meit>div>li:nth-child(2) a{
    color: #ff8f17;
    border-bottom: 2px solid #ff8f17
}
.meit span{
        color: #B9C1C1;
        display: block;
    width: 50px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    margin-top: 5px;
    text-align: center;
}
.meit>ul{
    margin-top: 15px;
    width: 300px;
    font-size: 13px;
        color: #505050;
    
}
.meit>ul li{
    line-height: 25px;
    width: 300px;
    height: 25px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.meit>.uull{
    width: 50px;
    text-align: right;
}
.meit>.uull li{
    width: 50px
}
.meit2{
    margin-left: 18px;
}
.wai img{
    margin-left: 17px;
    margin-top: 15px;
}
.sa-xi a{
    display:inline-block;
    margin-top: 15px;
    margin-right: 9px;
    width: 257px;
    height: 135px;
}
.sa-xi a:nth-child(4){
    margin-right: 0;
}
footer{;
    width: 100%;
}
.fo-to{
    width: 100%;
    height: 55px;
    background: #1e2628;
    text-align: center;
    font-size: 12px;
    color: #4f5f5f;
    padding-top: 11px;
    box-sizing: border-box;
}
.fo-to b{
    color: #ca2b00;
}
.fo-bo{
    height: 205px;
    width: 100%;
    background: #000;
    color: #494949;
    position: relative;
}
.bo-le{
    position: absolute;
    width: 300px;
    height: 50px;
    background: url(../img/nav-copy.png) no-repeat 85% 0px;
    top: 55px;
    left: 75px;
}
.bo-zi{
    width: 800px;
    height: 150px;
    position: absolute;
    top: 50px;
    right: 0px;
    font-size: 12px;
    line-height: 20px;
}
.bo-zi span{
    display: block;
}
.bo-zi div{
    display: inline-block;
    width: 8px;
    height: 8px;
                    background: url(../img/nav-copy.png);
                    position: absolute;
                    bottom: 20px;

                }
                .kuann{
    width: 970px;
    height: 185px;
    background: url(../img/wanmei.jpg);
    position: absolute;
    z-index: 1111;
    top: 2px;
    left:190px;
    display: none;
}    
.kuann a{
    display: inline-block;
        width: 220px;
        height: 41px;
        background: url(../img/ost-bg.png);
        background-position: -1px -39px;
}    
.ting:hover .kuann{
    display: block;
}
.biao li a:hover{
    background: rgba(0,0,0,.2)
}
.ul3 li a:hover{
    color: #2fc3a2;
}
.meit .fl li:hover{
    color: #2fc3a2;
}
.do-rx li a:hover{
    color: #2fc3a2;
}
main span a{
        color: #B9C1C1;
}
.meit>ul a{
    color: #505050;
}
.meit>ul a:hover{
        color: #2fc3a2;
}
.ii li a{
    display: block;
    width: 146px;
    height: 44px;
}
.xiang a{
    display: block;
    width: 68px;
    height: 28px;
}
.ul1 a{
    display: block;
    width: 50px;
    height: 43px;
}
.piao li a{
    display: block;
    width: 93px;
    height: 150px;
}
.tuil>ul a:hover{
    color: #2fc3a2;
}
.ton span a{
        color: #888;
}
.ton span a:hover{
   color: #2fc3a2;
}
.tu-le a,.tu-ri a{
    display: block;
    width: 188px;
    height: 144px;
}